/* default container for all elements with position absolute */ 
.container-absolute{
	position: absolute; 
}
/* default page - spread all over the screen */
.centered-element, .page{
	left:0; right: 0; top: 0; bottom: 0;
	margin: auto;
}
.auto-width-element, .page{
	width: auto;
}
.auto-height-element, .page{
	height: auto;
}
/* main page - background for the actual platform */
.main-page{
	background: #fff; 
	z-index: 1;
}
/* dimming the page for menubar and popups */ 
#page-dimmer{
	background: rgba(0,0,0,0.65); 
	z-index: 1;
}
/* this is where the main content is displayed */
.main-content-container{
	margin-left: 250px ;
	padding-left: 25px; 
} 
/* custom title / tooltip */ 
.tooltip{
	display: inline ; 
	position: relative ; 
}
.tooltip:hover:after{
	background: #333 ; 
	background: rgba(0,0,0,0.8); 
	border-radius: 5px ; 
	bottom: 26px ; 
	color: #fff ; 
	text-decoration: none; 
	font-weight: normal; 
	font-style: normal ; 
	font-size: 14px; 
	text-align: center ; 
	content: attr(data-tooltip); 
	left: -35% ; 
	padding: 3px 7px ; 
	position: absolute;
	z-index: 98 ; 
	width: auto ; 
	height: auto ; 
	min-width: 100px ;
	transition: all 0.25s ;
}
.tooltip:hover:before{
	bottom: 20px ; 
	content: '' ; 
	left: 0%; 
	position: absolute;
}
/* general input style */
input{
	left:0; right: 0;
	margin: auto ;
	width: 100%;
	padding: 15px 10px;
	border-radius: 5px;
	border: 1px solid #999 ;
	color: #999 ;
	outline: none ;
	transition: all 0.25s ;
}
input[type="text"], input[type="password"]{
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15) inset;
}
input:hover{
	border: 1px solid #00a0f0 ;
}
input:focus{
	border: 1px solid #00beff ;
	color: #666 ;
}
input[type="text"]:focus, input[type="password"]:focus{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.35) inset;
}
input[type="submit"]{
	width: 111% ;
	background: #00a0f0;
	border: none ;
	color: #eee;
	font-weight: bold ;
}
input[type="submit"]:hover{
	background: #00beff;
	color: #fefefe;
}
input[type="button"]{
	padding: 0px 5px  ;
	width: 111% ;
	background: #999;
	border: none ;
	color: #ddd;
	height: 30px ;
}
input[type="button"]:hover{
	background: #666 ;
	color: #efefef ;
}
td{
	padding-bottom: 12px ;
}